<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="s" uri="/struts-tags"%>

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>LABTEC - Revision de contrato</title>
<link href="estilos/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="estilos/jquery-ui.css" type="text/css"
	media="all" />
<link rel="stylesheet"
	href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css"
	type="text/css" media="all" />
<script type="text/javascript" src="estilos/jquery.js"></script>
<script src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js"
	type="text/javascript"></script>

<script language="javascript">
	function searchCli(codCliente, razonSocial, cuit, responsable, domicilio,
			localidad, codigoPostal, provincia, telefono, fax, email) {
		document.formCliente.codCliente.value = codCliente;
		document.formCliente.razonSocial.value = razonSocial;
		document.formCliente.cuit.value = cuit;
		document.formCliente.responsable.value = responsable;
		document.formCliente.domicilio.value = domicilio;
		document.formCliente.localidad.value = localidad;
		document.formCliente.codigoPostal.value = codigoPostal;
		document.formCliente.provincia.value = provincia;
		document.formCliente.telefono.value = telefono;
		document.formCliente.fax.value = fax;
		document.formCliente.email.value = email;
	}
	function agregarCli() {
		document.formCliente.action = 'initNuevoClienteAction';
		document.formCliente.submit();
	}
	function cancel() {
		document.formCliente.action = 'initBusquedaContratoAction';
		document.formCliente.submit();
	}
	function saveContrat() {
		document.formContrato.requisitos.value = $
				.trim(document.formContrato.requisitos.value);

		if (document.formCliente.codCliente.value == '') {
			window.scrollTo(0,0);
			$('#errorCliente').show();
			return false;
		}

		if (document.formContrato.requisitos.value == '') {
			window.scrollTo(0,0);
			$('#errorSolicitud').show();
			return false;
		}

		var idLabArray = document.formContrato.idLabDep.value.split("-");
		document.formContrato.codCliente.value = document.formCliente.codCliente.value;
		document.formContrato.laboratorio.value = idLabArray[0];
		document.formContrato.departamento.value = idLabArray[1];
		document.formContrato.submit();
	}

	function search() {
		if (document.busquedaForm.razonSocialAbuscar.value != ''
				|| document.busquedaForm.cuitAbuscar.value != ''
				|| document.busquedaForm.responsableAbuscar.value != '') {
			document.busquedaForm.typeModif.value = 'filter';
			document.busquedaForm.returnAction.value = 'revision';
			document.busquedaForm.action = "filtrarClientesAction";
			document.busquedaForm.submit();
		}
	}
</script>
</head>
<body>
	<br>
	<div id="header">
		<jsp:include page="../jsp/menuIniciador.jsp" />
	</div>
	<div class="sheet">
		<div class="sheet-tl"></div>
		<div class="sheet-tr"></div>
		<div class="sheet-bl"></div>
		<div class="sheet-br"></div>
		<div class="sheet-tc"></div>
		<div class="sheet-bc"></div>
		<div class="sheet-cl"></div>
		<div class="sheet-cr"></div>
		<div class="sheet-cc"></div>
		<div class="sheet-body">
			<div id="errorCliente" class="error" style="display: none;">
				<ul class="actionMessage">
					<li><span> No se puede crear el contrato porque no se
							ha seleccionado un cliente </span></li>
				</ul>
			</div>
			<div id="errorSolicitud" class="error" style="display: none;">
				<ul class="actionMessage">
					<li><span> La solicitud no puede estar vacia </span></li>
				</ul>
			</div>

			<s:if test="hasFieldErrors()">
				<div class="error">
					<s:fielderror />
				</div>
			</s:if>
			<s:if test="hasActionErrors()">
				<div class="error">
					<s:actionerror />
				</div>
			</s:if>
			<br>
			<s:form action="gestionClienteAction" theme="simple"
				id="busquedaForm">
				<s:hidden name="typeModif" />
				<s:hidden name="returnAction" />
				<s:hidden name="clienteNoEncontrado" />
				<table width="100%">
					<tr>
						<td class="postmetadataheader" colspan="7"><h2 class="postheader">Búsqueda del Cliente</h2></td>
					</tr>
					<tr>
						<td width="15%">Razón Social</td>
						<td width="20%"><input type="text" name="razonSocialAbuscar"
							id="razonSocialAbuscar" /></td>
						<td width="15%">CUIT</td>
						<td width="20%"><input type="text" name="cuitAbuscar"
							id="cuitAbuscar" /></td>
						<td width="15%">Responsable</td>
						<td width="15%"><input type="text" name="responsableAbuscar"
							id="responsableAbuscar" /></td>
						<td width="35%" align="left"><input type="button"
							name="buscar" value="Buscar" onclick="search()" /></td>
					</tr>
				</table>
			</s:form>
			<br>
			<hr>
			<br>
			<div style="height: 250px; width: 1180px; overflow: scroll;"
				align="center">
				<table class="article">
					<thead>

						<tr>
							<th>Razón Social</th>
							<th>Responsable</th>
							<th>CUIT</th>
							<th>Domicilio</th>
							<th>Localidad</th>
							<th>Código Postal</th>
							<th>Provincia</th>
							<th>Teléfono</th>
							<th>Fax</th>
							<th>Email</th>
							<th>Agregar</th>
						</tr>
					</thead>

					<tbody>
						<s:iterator value="listClientes">
							<tr>
								<s:hidden value="codCliente"></s:hidden>
								<td width="15%"><s:property value="razonSocial" /></td>
								<td width="10%"><s:property value="responsable" /></td>
								<td width="9%"><s:property value="cuit" /></td>
								<td width="15%"><s:property value="domicilio" /></td>
								<td width="10%"><s:property value="localidad" /></td>
								<td width="5%"><s:property value="codigoPostal" /></td>
								<td width="10%"><s:property value="provincia" /></td>
								<td width="8%"><s:property value="telefono" /></td>
								<td width="10%"><s:property value="email" /></td>
								<td width="8%"><s:property value="fax" /></td>
								<td><input type="button" value="Agregar"
									onclick="searchCli('<s:property value="codCliente"/>',
																								'<s:property value="razonSocial"/>',
																								'<s:property value="cuit"/>',
																								'<s:property value="responsable"/>',
																								'<s:property value="domicilio"/>',
																								'<s:property value="localidad"/>',
																								'<s:property value="codigoPostal"/>',
																								'<s:property value="provincia"/>',
																								'<s:property value="telefono"/>',
																								'<s:property value="fax"/>',
																								'<s:property value="email"/>')">
								</td>
							</tr>
						</s:iterator>
					</tbody>
				</table>
			</div>
			<br>
			<div>
				<s:form action="gestionClienteAction" theme="simple"
					id="formCliente">
					<s:hidden name="typeModif"></s:hidden>
					<s:hidden name="codCliente"></s:hidden>
					<table width="100%" border="0">
						<tr align="left">
							<td><b>(*) Si el cliente no se encuentra en la lista,
									seleccione el botón "Agregar Nuevo Cliente"</b></td>
							<td align="right"><input type="button"
								value="Agregar Nuevo Cliente" name="agregar nuevo cliente"
								onclick="agregarCli();" /></td>
						</tr>
					</table>
					<table width="100%">
						<tr>
							<td colspan="4" class="postmetadataheader">
								<h2 class="postheader">A) Datos del Cliente</h2>
							</td>
						</tr>
						<tr>
							<td width="15%">Razón Social</td>
							<td width="45%"><s:textfield name="razonSocial"
									readonly="true" maxlength="30"></s:textfield></td>
							<td width="15%">CUIT</td>
							<td width="45%"><s:textfield name="cuit" readonly="true"
									maxlength="11"></s:textfield></td>
						</tr>
						<tr>
							<td>Responsable</td>
							<td><s:textfield name="responsable" readonly="true"
									maxlength="20"></s:textfield></td>
							<td>Domicilio</td>
							<td><s:textfield name="domicilio" readonly="true"
									maxlength="40"></s:textfield></td>
						</tr>
						<tr>
							<td>Localidad</td>
							<td><s:textfield name="localidad" readonly="true"
									maxlength="30"></s:textfield></td>
							<td>Código Postal</td>
							<td><s:textfield name="codigoPostal" readonly="true"
									maxlength="10"></s:textfield></td>
						</tr>
						<tr>
							<td>Provincia</td>
							<td><s:textfield name="provincia" readonly="true"
									maxlength="20"></s:textfield></td>
							<td>Teléfono</td>
							<td><s:textfield name="telefono" readonly="true"
									maxlength="20"></s:textfield></td>
						</tr>
						<tr>
							<td>Fax</td>
							<td><s:textfield name="fax" readonly="true" maxlength="20"></s:textfield></td>
							<td>Email</td>
							<td><s:textfield name="email" readonly="true" maxlength="40"></s:textfield></td>
						</tr>
						<tr align="right" height="70px">
							<td colspan="4"></td>
						</tr>
					</table>
				</s:form>
			</div>
			<s:form action="guardarContratoAction" theme="simple"
				id="formContrato">
				<s:hidden name="zonaContrato" value="solicitud"></s:hidden>
				<s:hidden name="idContrato"></s:hidden>
				<s:hidden name="codCliente"></s:hidden>

				<div id="solicitud">
					<jsp:include page="../jsp/solicitudCliente.jsp" />
				</div>
				<table width="100%" border="0">
					<tr align="right">
						<td><input type="button" value="Cancelar" name="cancelar"
							onclick="cancel();" /> <input type="button" value="Guardar"
							name="guardar" onclick="saveContrat();" /></td>
					</tr>
				</table>
			</s:form>
		</div>
	</div>
</body>
</html>